<header class="header">
<ul class="flex menu">
<li aria-haspopup="true"><a href="#" ></a></li>
<li aria-haspopup="true"><a href="#" > </a></li>
<li aria-haspopup="true"><a href="#" > </a></li>
<li aria-haspopup="true"><a href="#" ></a></li>
<li aria-haspopup="true"><a href="#" ></a></li>
<li aria-haspopup="true"><a href="#" ></a></li>
<li aria-haspopup="true"><a href="#" ></a></li>
</ul>

<div id="head"><h1> </h1><span class="slogan">,   !</span></div>
<form>
    <input placeholder="" type="search">
</form>
	</header><!-- .header-->